<template>
    <div class="sceneryBody">
        <div>
            <ol
                class="breadcrumb"
                style="backgroundColor:#fff;border-bottom: 1px solid #eee;margin-bottom: 10px;"
            >
                <li>
                    <router-link to="/home">首页</router-link>
                </li>
                <li>
                    <router-link to="/home">热门景点</router-link>
                </li>
                <li class="active">承德避暑山庄</li>
            </ol>
        </div>
        <transition name="fadeLeft" mode="out-in">
            <router-view style="animation-duration:0.6s;"></router-view>
        </transition>
    </div>
</template>
<style>
div.sceneryBody {
    margin: 10px 30px;
}
div.sceneryBody div.info {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    padding: 0;
}
</style>